import { useState } from 'react';
import { Button, View } from 'react-native';

// export default function App() {
//   // 普通数据发生改变，视图不会更新
//   let num = 100;
//   const add = () => {
//     num++;
//     Alert.alert(num.toString());
//   };
//   return (
//     <View >
//       <Button onPress={add} title={num.toString()} />
//     </View>
//   );
// };

export default function App() {
  // 用useState来声明变量，视图会更新
  // num是变量，setNum是改变num的方法
  let [num, setNum] = useState(100);
  const add = () => {
    setNum(num + 1);
    // Alert.alert(num.toString());
  };
  return (
    <View >
      {/* 组件重新渲染 */}
      <Button onPress={add} title={num.toString()} />
    </View>
  );
};